<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户信息</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <script>
        var w = window.innerWidth||screen.width;		//获取设备宽
        var html = document.documentElement;
        if(w>750){
            w=750;
        }
        var fontSize = w / 16 + 'px';
        html.style.fontSize = fontSize;
    </script>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="css/userinfo.css">
</head>
<body>
    <div class="wrap">
        <div class="u_info">
            <p class="middle type_t">头像</p>
            <div class="middle type_inp clear">
                <div class="inp_fil">
                    <input type="file" class="fil_img">
                    <img src="http://img1.imgtn.bdimg.com/it/u=1041521719,4046775256&fm=27&gp=0.jpg" class="u_headimg" alt="">
                </div>
                <div class="right_icon">
                    <img src="images/right_icon.png" alt="">
                </div>
            </div>
        </div>
        <div class="bor"></div>
        <div class="u_info">
            <p class="middle type_t">昵称</p>
            <input type="text" class="middle name_inp">
        </div>
        <div class="bor"></div>
        <div class="u_info">
            <p class="middle type_t">手机</p>
            <p class="middle name_inp">13761408519</p>
        </div>
        <div class="bor"></div>
    </div>
    <div class="login_but">
        <input type="button" value="保存" class="blue_b color_w">
    </div>
</body>
</html>